import floor from 'lodash/floor';
import { Card, Whiteboard, State, Space, Button } from '@pxxtech/mobile';

const Basic = () => {
  return (
    <Whiteboard
      style={{
        '--background-color': 'rgb(245, 247, 250)',
        '--padding': '12px',
      }}
    >
      <Space direction="vertical">
        <Card>
          <State color="success" text="已处理" />
          <div>港口蔬菜货物搬运</div>
          <Space align="center" justify="between">
            <div>¥ {(233).toFixed(2)}</div>
            <Button size="small">查看详情</Button>
          </Space>
        </Card>
      </Space>
    </Whiteboard>
  );
};

export default Basic;
